<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Lv首页</title>
      <link rel="stylesheet" href="./css/LV.css">
      <link rel="stylesheet" type="text/css" href="./css/denglu.css"/>
      <style>
     
      *{
            margin: 0;
            padding: 0;
      }
      ul li{
            list-style: none;
      }
      </style>
</head>
<body>
<div class="zhu-ye">
      <!-- 头部登录栏 -->
      <div class="head-SignIn">
            <!-- 登录栏左边 -->
            <div class="head-SignIn-left">
                  <ul >
                        <li>配送至:中国大陆</li>
                        <li>需要帮助?</li>
                        <li>400 6588 555</li>
                        <li>环保与可持续性</li>
                  </ul>
            </div>
            <!-- 登录栏右边 -->
            <div class="head-SignIn-right">
                  <ul >
                        <li><img src="./images/微信图片_20210613084415.png" alt=""></li>
                        <li><img src="./images/微信图片_20210613084204.png" alt=""></li>
                        <li><img src="./images/微信图片_20210613084311.png" alt=""></li>
                        
                        <li class="head-SignIn-right-li"><img src="./images/微信图片_20210613084343.png" alt=""></li>
                  </ul>
            </div>
           
       </div>     
    
      <!-- 商品概括 -->
      <div class="commodity-generalization">
            <!-- 搜索栏 -->
            <div class="head-Search" >
                   <!-- 商品log -->
                  <div class="head-Search-log">
                        <img src="./images/1622966034(1).jpg" alt="">
                  </div>
                  <!-- 商品样式 -->
                  <div class="head-Search-conten">
                        <ul>
                              <li>新品系列</li>
                              <li>女士</li>
                              <li>男士</li>
                              <li>生活艺术</li>
                        </ul>
                  </div>
                  <input id="search"type="text"style="width: 426px;height: 44px; margin-right: -85px;line-height: 70px;float: right;margin-top: 11px;"placeholder="2021早秋系列">
                  <div style="clear: both;"></div>
                  <ul id="list"></ul>
            </div>
            <!-- 商品内容 -->
            <div class="commodity-content" id="commodity-content-id">
                  <div class="commodity-content-content" >
                         <!-- 商品内容左 -->
                        <div class="commodity-content-left1">
                              <ul>
                                    <li>男士</li>
                                    <li>女士</li>
                              </ul>
                        </div>
                        <!-- 商品内容右内容 -->
                        <div class="commodity-content-right1">
                              <div class="commodity-content-right-content1 active">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a1">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>Prefall21 Vuittamins系列</li>
                                                <li>By the Pool系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b1">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Prefall21_Vuittamins_MM_4_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a2">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>LVxNBAll系列</li>
                                                <li>2021早秋系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b2">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_0218WACC_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                        </div>
                       
                  </div>
                  <div class="commodity-content-content" >
                          <!-- 商品内容左 -->
                          <div class="commodity-content-left1">
                              <ul>
                                    <li>当季新款</li>
                                    <li>时尚手袋</li>
                                    <li>时装秀款</li>
                              </ul>
                        </div>
                        <!-- 商品内容右内容 -->
                        <div class="commodity-content-right1">
                              <div class="commodity-content-right-content1 active">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a3">
                                          <ul>
                                                <li>为他挑选</li>
                                                <li>Prefall21 Vuittamins系列</li>
                                                <li>时尚手链</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1"  id="b3">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_MM_SS21_Show_Collection_Feb21_DI2.jpg?wid=656" alt="">
                                          <img  src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Fa_RW_Show_FW21_V2_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a4">
                                          <ul>
                                                <li>新品手袋</li>
                                                <li>TWIST手袋</li>
                                                <li>CAPUCINES手袋</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b4">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_MM_PetiteMalle_Dec20_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_0302_WLGLYF_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a5">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>LVxNBAll系列</li>
                                                <li>2021早秋系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b5">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                        </div>
                       
                 </div>
                 <div class="commodity-content-content">
                          <!-- 商品内容左 -->
                          <div class="commodity-content-left1">
                              <ul>
                                    <li>当季新款</li>
                                    <li>时尚手袋</li>
                                    <li>时装秀款</li>
                              </ul>
                        </div>
                        <!-- 商品内容右内容 -->
                        <div class="commodity-content-right1">
                              <div class="commodity-content-right-content1 active">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a6">
                                          <ul>
                                                <li>为他挑选</li>
                                                <li>Prefall21 Vuittamins系列</li>
                                                <li>By the Pool系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b6">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_MM_SS21_Show_Collection_Feb21_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Fa_RW_Show_FW21_V2_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Prefall21_Vuittamins_MM_4_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a7">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>LVxNBAll系列</li>
                                                <li>2021早秋系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b7">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a8">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>Prefall21 Vuittamins系列</li>
                                                <li>By the Pool系列</li>
                                          </ul>
                                               
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b8">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Prefall21_Vuittamins_MM_5_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                          
                                    </div>
                              </div>
                        </div>
                       
                  </div>
                  <div class="commodity-content-content">
                          <!-- 商品内容左 -->
                          <div class="commodity-content-left1">
                              <ul>
                                    <li>智能配饰</li>
                                    <li>家具系列</li>
                                    <li>收藏品</li>
                              </ul>
                        </div>
                        <!-- 商品内容右内容 -->
                        <div class="commodity-content-right1">
                              <div class="commodity-content-right-content1 active">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a9">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>Prefall21 Vuittamins系列</li>
                                                <li>By the Pool系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b9">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_0218WJWL_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_TheLatest_Summer_21_MM_DI2.jpg?wid=656" alt="">
                                         
                                    </div>
                              </div>
                              <div class="commodity-content-right-content1">
                                    <!-- 商品内容中 -->
                                    <div class="commodity-content-center1" id="a10">
                                          <ul>
                                                <li>新品精选</li>
                                                <li>LVxNBAll系列</li>
                                                <li>2021早秋系列</li>
                                          </ul>
                                    </div>
                                    <!-- 商品内容右 -->
                                    <div class="commodity-content-rightContent1" id="b10">
                                          <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_0218WACC_DI2.jpg?wid=656" alt="">
                                          <img  src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Men_MM_NEW_TheLastest_Summer21_april21_DI2.jpg?wid=656" alt="">
                                          <img src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--Women_UF_DI2.jpg?wid=656" alt="">
                                    </div>
                              </div>
                              <img class="active" src="https://www.louisvuitton.cn/images/is/image/lv/1/PP_VP_L/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--U_Fa_Les_Colognes_CaliforniaDream_DI2.jpg?wid=656" alt="">
                             
                        </div>
                        </div>
                       
                  </div>
            <div id="search-content-content">
                  <div class="commodity-content-left1">
                        <ul>
                              <li>当季新款</li>
                              <li>时尚手袋</li>
                              <li>时装秀款</li>
                        </ul>
                  </div>
                  <div class="commodity-content-right2" style="float: left; width: 378px;height: 532px;background-color: #cccac9;">
                        <div class="commodity-content-right-content1 active">
                              <!-- 商品内容中 -->
                              <div class="commodity-content-center1" id="a3">
                                    <ul>
                                          <li>为他挑选</li>
                                          <li>Prefall21 Vuittamins系列</li>
                                          <li>时尚手链</li>
                                    </ul>
                              </div>
                              
                        </div>
                  </div>     
            </div>
            </div>
            <div></div>
      
      <!-- 内容隐藏 -->
      <div class="hide-content">
       <!-- 浏览器跟随图标 -->
       <div id="chat-top" class="unselectable" >
            <div id="dialog"></div>
            <div class="chat-title" >路易威登中国顾客服务中心</div>
     </div>
      <!--轮播图-->
      <div class="container">
            <!-- 图片的容器 -->
            <!-- wrapper : 包裹 -->
            <div class="wrapper">
                  <!-- slide : 滑动  -->
                  <div class="slide active" style="background-color: antiquewhite;"> <a href="../dist/LvRendering.html"><img src="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Fa_Prefall_2021_1_DIE.jpg?wid=2048" alt=""></a></div>
                  <div class="slide" style="background-color: blue;"> <a href="../dist/LvRendering.html"><img src="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--U_Fa_Tambour_Street_Diver_Minho_Lee_DIE.jpg?wid=2048" alt=""></a></div>
                  <div class="slide active" style="background-color: antiquewhite;"> <a href="../dist/LvRendering.html"><img src="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--W_Fa_Prefall_2021_1_DIE.jpg?wid=2048" alt=""></a></div>
           </div>
           <a href="../dist/LvRendering.html"></a>
            <!-- next: 下一个 -->
            <div  class="next_button"><a href="javascript:;">》</a></div>
            <!-- prev: 上一个 -->
            <div class="prev_button"><a href="javascript:;">《</a></div>
      </div>
       <!-- 轮播图跟随文字 -->
      <div class="container-words">
            <h2 class="active"> 女士 VUITTAMINS 早秋系列</h2>
            <h2> STREET DIVER 潜水腕表</h2>
            <h2 > 女士 VUITTAMINS 早秋系列</h2>
      </div>
      <!-- 底部选项卡 -->
      <div class="container-footer">
            <div class="container-div">
              <div class="container-div-left active">
                  即刻选购
              </div>  
              <div class="container-div-right">
                  广告特辑
              </div>
            </div>
            <div class="slide-footer active" >
                  <div class="LV-footer-img1">
                        <div> <a href="../dist/LvRendering.html"><img class="img" data-original="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--LV_NBA_Drop2_Option2_DII.jpg?wid=656" alt=""></a></div>
                        <h2 style="text-align: center; ">LVxNBA合作系列</h2>
                  </div>
                  <div class="LV-footer-img2">
                        <div style="width: 631px;height: 377px;overflow: hidden; border-bottom: 1px #eae8e4 solid;">
                              <div style="width: 551px;height: 125px;text-align: center;margin-top: 80px;">
                                    <h2 style="margin-bottom: 14px;">在线选购MONOGRAM经典手袋</h2>
                                    <h5 style="margin-bottom: 14px;">尊享中国大陆地区顺丰免费配送</h5>
                                    <div class="container-div-left-xia">
                                          即刻选购
                                      </div> 
                              </div>
                        </div>
                        <div style="width: 631px;height: 473px;">
                              <div style="text-align: center;" >
                                    <a href="../dist/LvRendering.html">  <img style="width: 551px; height: 333px; text-align: center;" class="img" data-original="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_M45777_DI3.jpg?wid=656" alt=""></a>

                              </div>
                              <h2 style="text-align: center;margin-top: 36px; ">LVxNBA合作系列</h2>
                        </div>
                  </div>
                  <div class="LV-footer-img3">
                        <div style="text-align: center;margin-top: 40px;">
                              <a href="../dist/LvRendering.html">   <img style="width: 320px;height: 170px;text-align: center;" class="img" data-original="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_Fathersday_belts_DI1.jpg?wid=456" alt=""></a>

                        </div>
                        <h2 style="text-align: center;margin-top: 36px; ">潮流腰带精选</h2>
                  </div>
                  <div class="LV-footer-img4">
                        <div style="text-align: center;margin-top: 40px;">
                              <a href="../dist/LvRendering.html">   <img style="width: 320px;height: 170px;text-align: center;" class="img" data-original="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_Sunglasses_DI1.jpg?wid=456" alt=""></a>

                        </div>
                        <h2 style="text-align: center;margin-top: 36px; ">夏日小白鞋</h2>
                  </div>
                  <div class="LV-footer-img5">
                        <div style="text-align: center;margin-top: 40px;">
                              <a href="../dist/LvRendering.html">   <img style="width: 320px;height: 170px;text-align: center;" class="img" data-original="https://www.louisvuitton.cn/images/%E8%B7%AF%E6%98%93%E5%A8%81%E7%99%BB--HP_China_Fathersday_shoes_DI1.jpg?wid=456" alt=""></a>

                        </div>
                        <h2 style="text-align: center;margin-top: 36px; ">夏日太阳眼镜系列</h2>
                  </div>
            </div>
            <div class="slide-footer" >
            
            </div>
            
        </div>
        <div style="clear: both;"></div>
      <!-- 最底部 -->
      <div class="footer">
            <div class="footer-top">
                  <h3>LOUIS VUITTON</h3>
            </div>
            <div class="footer-bottom">
                  <ul>
                        <li>中国大陆</li>
                        <li>订阅电子报</li>
                        <li>联系我们</li>
                        <li>应用程序</li>
                        <li>关注我们</li>
                        <li>法律声明喝隐私条款</li>
                        <li>泸IC备09069024</li>
                        <li>电子营业执照</li>
                        <li>出版物经营许可证</li>
                        <li>泸公网安备</li>
                        <li>招聘</li>
                        <li>网址地图</li>
                  </ul>
            </div>
      </div>
    </div>
</div>
<div class="box-big" style="display: none ;">
      <div class="fanhui" style="  float: right;
      width: 50px;
      height: 50px;
      border: 1px solid black;
      font-size: 40px; text-align: center; margin-top: -10px;">X</div>
      <div id="zz">
		<div class="k">
			<div id="dl">登录</div>
			<div id="zc">注册</div>
			<div style="clear: both"></div>
				<div id="on"  class="sr">
                              <!-- style="" -->
					<div>
						<span>用户名:</span>
						<input type="text" name="urse">
						<div id="urse error"></div>
					</div>
					<div>
						<span>密码:</span>
						<input type="text" name="pas">
						<div id="pas error"></div>
					</div>
					<input class="tj" style=" width: 200px" type="submit" value="登录">
					<div class="bgg"></div>
				</div>
                        <!-- style="" -->
				<div id="register" style="display: none;" class="sr" >
					<div>
						<span>用户名:</span>
						<input type="text" name="tjurse" placeholder="用户名长度不能小于4大于10">
						<div id="tjurse error"></div>
					</div>
					<div>
						<span>密码:</span>
						<input type="text" name="tjpas" placeholder="密码长度不能小于4大于10">
						<div id="tjpas error"></div>
					</div>
					<div>
						<span>再次输入密码:</span>
						<input type="text" placeholder="两次密码要一致" name="cx" id="cx">
						<div id="cx error"></div>
					</div>
					<input class="tj" style=" width: 200px" type="submit" value="注册">
					<div id="bbg"></div>
				</div>
		</div>
	</div>
</div>
</body>
<script src="./static/javascripts/jQuery.js"></script>
<script src="../dist/javascripts/jquery-1.11.3.min.js"></script>
<script src="./javascripts/LV.js"></script>
<script src="./javascripts/LVgrey.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>
<script>
      $(function(){
            var $search_ipt = $("#search");
            var $hide_content =$(".hide-content")
            var $list_ele = $("#list");
            var $search_content=$("#search-content-content")
            let $commodity_content_content = $(".commodity-content-content");
             $search_ipt.focus(function () {
                  console.log(1);
                  $commodity_content_content.removeClass("active");
                  $search_content[0].style.display="block"
                  $hide_content.addClass("active")
                  $list_ele.show()
                  $search_ipt.attr("placeholder","您最近搜过")
            })
            $search_ipt.blur(function(){
                  $commodity_content_content.removeClass("active");
                  $hide_content.removeClass("active")
                  $search_content[0].style.display="none"
                  $search_ipt.attr("placeholder","2021早秋系列")
                  $search_ipt.val("")
                   $list_ele.hide()
            });
          
            $search_ipt.keyup(function () {
                  $.ajax({
                        url: "https://www.baidu.com/sugrec?prod=pc&from=pc_web&wd=" + $search_ipt.val() + "&cb=callback",
                        dataType: "jsonp",
                        jsonp: "cb",
                        success: function (res) {
                              if (res.g instanceof Array) {
                                    var html = res.g.map(function (item) {
                                          return `<li>${item.q}</li>`
                                    }).join("");
                                    $list_ele.html(html)
                              } else {
                                    $list_ele.html("");
                              }
                        }
                  })
                
            })
           
      })
      $(function(){
        $('.img').lazyload();
    })

</script>
<script type="text/javascript">

      $(function(){
            $('#dl').click(function(){
                  $('.sr').eq(0).css({display:"block"});
                  $('.sr').eq(1).css({display:"none"});
            })
            $('#zc').click(function () {
                  $('.sr').eq(0).css({display:"none"});
                  $('.sr').eq(1).css({display:"block"});
            })
            $('#on .tj').click(function(){
                  console.log($('#on input').eq(1).val());
                  $.ajax({
                        type:"GET",
                        url:"dl.php",
                        data:{
                              zhi:'dl',
                              urse:$('#on input').eq(0).val(),
                              pas:$('#on input').eq(1).val()
                        },
                        dataType:"json",
                        success:function(r){
                              // console.log(r);
                              $('.bgg').html(r);
                        }
                  })
            })
            $('#register .tj').click(function(){
                  console.log($('#register input').eq(1).val());
                  $.ajax({
                        type:"GET",
                        url:"dl.php",
                        data:{
                              zhi:'zc',
                              urse:$('#register input').eq(0).val(),
                              pas:$('#register input').eq(1).val(),
                              pass:$('#register input').eq(2).val()
                        },
                        dataType:"json",
                        success:function(r){
                              $('#bbg').html(r);
                              // console.log(r);
                        }
                  })
            })
      })
            
      </script>
</html>